<script setup>

import { RouterView, RouterLink } from 'vue-router'


</script>

<template>
    <!-- <div>432</div> -->
    <!-- 这里写侧边栏  -->
    <div>
        <div class="full-page-overview" data-v-45a38480="">
            <div class="left" data-v-45a38480="">
                <div class="fullpage-main-nav" data-v-45a38480="">
                    <div class="left-nav-wrap !pt-24px">

                        <div class="px-17px my-12px" data-v-2e0b3c0b="">
                            <div class="flex w-full el-tooltip__trigger el-tooltip__trigger" data-v-2e0b3c0b="">
                                <div class="language-btn flex-shrink-0 w-64px h-23px rounded-8px flex items-center cursor-pointer"
                                    data-v-2e0b3c0b=""><svg aria-hidden="true" width="18" height="18" color="#333"
                                        data-v-2e0b3c0b="">
                                        <use href="#icon-earth" fill="currentColor"></use>
                                    </svg><span class="text-10px ml-8px" data-v-2e0b3c0b="">中文</span><svg
                                        aria-hidden="true" width="10" height="10" color="#333" class="triangle"
                                        data-v-2e0b3c0b="">
                                        <use href="#icon-triangle" fill="currentColor"></use>
                                    </svg></div>
                            </div>
                            <div class="el-popper is-light el-popover lang-menu-tool" tabindex="-1" aria-hidden="true"
                                style="z-index: 2039; width: 160px; border-radius: 12px; padding: 0px; overflow: hidden; position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate3d(93.3333px, 50.6667px, 0px); display: none;"
                                data-popper-placement="right"><!-- Workaround bug #6378 --><!--v-if-->
                                <ul class="menu-tool" data-v-2e0b3c0b="">
                                    <li class="flex-vc-sb" data-v-2e0b3c0b="">English <svg aria-hidden="true" width="16"
                                            height="16" color="#333" class="text-[#2EC08B]" data-v-2e0b3c0b=""
                                            style="display: none;">
                                            <use href="#icon-right" fill="currentColor"></use>
                                        </svg></li>
                                    <li class="flex-vc-sb" data-v-2e0b3c0b="">中文 <svg aria-hidden="true" width="16"
                                            height="16" color="#333" class="text-[#2EC08B]" data-v-2e0b3c0b="">
                                            <use href="#icon-right" fill="currentColor"></use>
                                        </svg></li>
                                </ul><span class="el-popper__arrow" data-popper-arrow=""
                                    style="position: absolute; top: 0px; transform: translate3d(0px, 31.3333px, 0px);"></span>
                            </div>
                        </div>
                        <div class="content">
                            <ul class="module-list">
                                <li class=""><svg aria-hidden="true" width="20" height="20" color="#333">
                                        <use href="#icon-chandler" fill="currentColor"></use>
                                    </svg>
                                    <!--  -->
                                    <router-link to="/admin/chat1/chat2" class="name ml-6px">聊天</router-link><!---->
                                </li>
                                <li class=""><svg aria-hidden="true" width="20" height="20" color="#333">
                                        <use href="#icon-yellowSearch" fill="currentColor"></use>
                                    </svg>

                                    <router-link to="/admin/chat1/chat3" class="name ml-6px">搜索</router-link>


                                    <!---->
                                </li>
                                <li class="active"><svg aria-hidden="true" width="20" height="20" color="#333">
                                        <use href="#icon-read" fill="currentColor"></use>
                                    </svg><span class="name ml-6px">图片理解</span><!----></li>
                                <li class=""><svg aria-hidden="true" width="20" height="20" color="#333">
                                        <use href="#icon-art" fill="currentColor"></use>
                                    </svg><span class="name ml-6px">图片生成</span><!----></li>
                                <li class=""><svg aria-hidden="true" width="20" height="20" color="#333">
                                        <use href="#icon-ppt" fill="currentColor"></use>
                                    </svg><span class="name ml-6px">幻灯片</span><svg aria-hidden="true" width="29"
                                        height="13" color="#333" class="ml-2px">
                                        <use href="#icon-new" fill="currentColor"></use>
                                    </svg></li>
                                <li class=""><svg aria-hidden="true" width="20" height="20" color="#333">
                                        <use href="#icon-gpts" fill="currentColor"></use>
                                    </svg><span class="name ml-6px">GPTs</span><svg aria-hidden="true" width="29"
                                        height="13" color="#333" class="ml-2px">
                                        <use href="#icon-new" fill="currentColor"></use>
                                    </svg></li>
                                <li class=""><svg aria-hidden="true" width="20" height="20" color="#333">
                                        <use href="#icon-video" fill="currentColor"></use>
                                    </svg><span class="name ml-6px">视频</span><!----></li>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
            <div class="right" data-v-45a38480=""><!---->
                <!-- 二级路由全部放到这里 -->
                <RouterView></RouterView>
            </div>
        </div>
        <div class="drag-title-bar"></div>
        <div class="dialog">
            <div class="el-overlay" style="z-index: 2001; display: none;">
                <div role="dialog" aria-modal="true" aria-labelledby="el-id-3885-0" aria-describedby="el-id-3885-1"
                    class="el-overlay-dialog"></div>
            </div><!----><!---->
        </div>
    </div>


</template>




<style>
@charset "UTF-8";

.chandler-ext-content_user-info-box {
    padding: 14px 0;
    position: absolute;
    width: 300px;
    bottom: 0;
    left: 150px;
    background-color: #fff;
    z-index: 1000;
    border-radius: 16px;
    border: 1px solid #e3deef;
    background: #fff;
    box-shadow: 0 4px 32px rgba(0, 0, 0, .12);
    backdrop-filter: blur(12px)
}

.chandler-ext-content_user-info-box .chandler-ext-content_user-info-box-up .avatar {
    width: 48px;
    height: 48px;
    background: url(./user.0f44443c.svg) no-repeat center;
    background-size: cover;
    flex-shrink: 0
}

.chandler-ext-content_user-info-box .chandler-ext-content_user-info-box-up .upanddown {
    min-width: 0;
    margin: 0 12px;
    flex: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden
}

.chandler-ext-content_user-info-box .chandler-ext-content_user-info-box-up .upanddown .name {
    width: 100%;
    color: #120f18;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis
}

.chandler-ext-content_user-info-box .chandler-ext-content_user-info-box-up .upanddown .email {
    width: 100%;
    margin-top: 4px;
    color: #7a6d9c;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis
}

.chandler-ext-content_user-info-box .chandler-ext-content_user-info-box-up .status {
    flex-shrink: 0;
    display: flex;
    padding: 2px 8px;
    justify-content: center;
    align-items: center;
    color: #0022ff;
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 15px;
    border-radius: 20px;
    height: 20px;
    border: 1px solid #e3deef;
    backdrop-filter: blur(12px);
    color: #7a6d9c
}

.chandler-ext-content_user-info-box .chandler-ext-content_user-info-box-up .status.pro {
    color: #ffc800;
    background: linear-gradient(180deg, #413659 0%, rgba(65, 54, 89, .83) 100%)
}

.chandler-ext-content_user-info-box .chandler-ext-content_user-info-box-up .status .right {
    width: 12px;
    height: 12px;
    background: url(./right.0ac9ff70.svg) no-repeat center
}

.chandler-ext-content_user-info-box .chandler-ext-content_uer-usage-situation {
    margin-top: 12px;
    border-radius: 16px;
    background: linear-gradient(0deg, #ebebeb 60.25%, #ffd15d 100%), rgba(0, 0, 0, .04)
}

.chandler-ext-content_user-info-box .chandler-ext-content_uer-usage-situation-item {
    margin-bottom: 24px
}

.chandler-ext-content_user-info-box .chandler-ext-content_uer-usage-situation-item .top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #413659;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.chandler-ext-content_user-info-box .chandler-ext-content_uer-usage-situation-item .top .name {
    flex: 1;
    text-align: left
}

.chandler-ext-content_user-info-box .chandler-ext-content_uer-usage-situation-item .top .scale {
    font-weight: 700;
    margin-right: 4px
}

.chandler-ext-content_user-info-box .chandler-ext-content_uer-usage-situation-item .usage-situation-wrap {
    width: 100%;
    height: 6px;
    background-color: #d1cddc;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.chandler-ext-content_user-info-box .chandler-ext-content_uer-usage-situation-item .usage-situation-wrap .now-usage-situation {
    width: 60px;
    height: 6px;
    background-color: #413659;
    border-radius: 20px
}

.chandler-ext-content_user-info-box .user-usage {
    margin-top: 8px;
    border-bottom: 1px solid #e3deef
}

.chandler-ext-content_user-info-box .user-usage ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%
}

.chandler-ext-content_user-info-box .user-usage ul li {
    padding: 8px 16px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all .3s linear
}

.chandler-ext-content_user-info-box .user-usage ul li:hover {
    background-color: rgba(223, 217, 235, .3)
}

.chandler-ext-content_user-info-box .user-usage ul li .user-usage-icon {
    width: 16px;
    height: 16px;
    background-size: cover
}

.chandler-ext-content_user-info-box .user-usage ul li .user-usage-icon.plan {
    background: url(./plan.9452d8f9.svg) no-repeat center
}

.chandler-ext-content_user-info-box .user-usage ul li .user-usage-icon.help {
    background: url(./help.5a927aab.svg) no-repeat center
}

.chandler-ext-content_user-info-box .user-usage ul li .user-usage-icon.update {
    background: url(./update.5a6fe60a.svg) no-repeat center;
    background-size: contain
}

.chandler-ext-content_user-info-box .user-usage ul li .user-usage-icon.arrow {
    background: url(./arrowLeft.3711fda9.svg) no-repeat center
}

.chandler-ext-content_user-info-box .user-usage ul li .user-usage-icon.signout {
    background: url(./signout.589a4b2a.svg) no-repeat center
}

.chandler-ext-content_user-info-box .user-usage ul li .user-usage-txt {
    flex: 1;
    margin: 0 16px
}

.chandler-ext-content_user-info-box .chandler-ext-content_user-sign-out .chandler-ext-content_user-sign-out-item {
    height: 50px;
    box-sizing: border-box;
    padding: 8px 16px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all .3s linear
}

.chandler-ext-content_user-info-box .chandler-ext-content_user-sign-out .chandler-ext-content_user-sign-out-item:hover {
    background-color: rgba(223, 217, 235, .3)
}

.chandler-ext-content_user-info-box .chandler-ext-content_user-sign-out .chandler-ext-content_user-sign-out-item .chandler-ext-content_user-sign-out-icon {
    width: 16px;
    height: 16px;
    background-size: cover
}

.chandler-ext-content_user-info-box .chandler-ext-content_user-sign-out .chandler-ext-content_user-sign-out-item .chandler-ext-content_user-sign-out-icon.signout {
    background: url(./signout.589a4b2a.svg) no-repeat center
}

.chandler-ext-content_user-info-box .chandler-ext-content_user-sign-out .chandler-ext-content_user-sign-out-item .chandler-ext-content_user-sign-out-icon.arrow {
    background: url(./arrowLeft.3711fda9.svg) no-repeat center
}

.chandler-ext-content_user-info-box .chandler-ext-content_user-sign-out .chandler-ext-content_user-sign-out-item .user-usage-txt {
    flex: 1;
    margin: 0 16px
}

.select-vip-wrap {
    padding: 9px 12px;
    border-radius: 12px;
    border: 1px solid #e3deef;
    background: linear-gradient(180deg, #413659 0%, rgba(65, 54, 89, .83) 100%);
    cursor: pointer
}

.select-vip-wrap.ant-dropdown-open .down-up {
    transform: rotate(0)
}

.select-vip-wrap:hover {
    border: 1px solid #fff
}

.select-vip-wrap .down-up {
    transform: rotate(180deg)
}

.chandler-ext-content_user-wrap[data-v-77551db2] {
    position: absolute;
    width: 406px;
    height: auto;
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    bottom: 10px;
    right: 10px
}

.chandler-ext-content_user-wrap .credits-new-users[data-v-77551db2] {
    width: 406px;
    height: auto;
    border-radius: 24px;
    border: 1px solid var(--16, rgba(65, 54, 89, .16));
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 4px 32px rgba(0, 0, 0, .12);
    backdrop-filter: blur(12px);
    z-index: 1000
}

.chandler-ext-content_user-wrap .credits-new-users[data-v-77551db2]:after {
    display: none;
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    transform: rotate(45deg);
    bottom: -5px;
    z-index: 999;
    background: #fff;
    right: 40px;
    backdrop-filter: blur(30px)
}

.chandler-ext-content_user-wrap .credits-new-users .credits-new-users-content[data-v-77551db2] {
    padding: 24px;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    background: rgba(255, 255, 255, .72);
    backdrop-filter: blur(12px)
}

.chandler-ext-content_user-wrap .credits-new-users .credits-new-users-content .credits-new-users-content-close[data-v-77551db2] {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 16px;
    height: 16px;
    background: url(./close.986da45f.svg) no-repeat center;
    background-size: cover;
    cursor: pointer;
    padding: 2px;
    transition: all .3s linear;
    border-radius: 5px
}

.chandler-ext-content_user-wrap .credits-new-users .credits-new-users-content .credits-new-users-content-close[data-v-77551db2]:hover {
    background-color: rgba(0, 0, 0, .4);
    opacity: .8
}

.chandler-ext-content_user-wrap .credits-new-users .credits-new-users-content .credits-new-users-content-top[data-v-77551db2] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.chandler-ext-content_user-wrap .credits-new-users .credits-new-users-content .credits-new-users-content-top-count[data-v-77551db2] {
    font-size: 56px;
    font-weight: 700;
    color: #ffc800
}

.chandler-ext-content_user-wrap .credits-new-users .credits-new-users-content .credits-new-users-content-top-h[data-v-77551db2] {
    color: #120f18;
    font-family: IBM Plex Sans;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: normal
}

.chandler-ext-content_user-wrap .credits-new-users .credits-new-users-content .credits-new-users-content-top .credits-new-users-content-top-left-ul .credits-new-users-content-top-left-li[data-v-77551db2] {
    margin-top: 16px
}

.chandler-ext-content_user-wrap .credits-new-users .credits-new-users-content .credits-new-users-content-top .credits-new-users-content-top-left-ul .credits-new-users-content-top-left-li .credits-new-users-content-top-righticon[data-v-77551db2] {
    display: block;
    width: 24px;
    height: 24px;
    color: red;
    background: url(./greenRight.f292bc4b.svg) no-repeat center;
    background-color: rgba(46, 192, 139, .24);
    background-size: 16px;
    border-radius: 50%
}

.chandler-ext-content_user-wrap .credits-new-users .credits-new-users-content .credits-new-users-content-top .credits-new-users-content-top-left-ul .credits-new-users-content-top-left-li .credits-new-users-content-top-left-count[data-v-77551db2] {
    padding: 0 3px;
    margin: 0 4px;
    border-radius: 4px;
    background: #ffc800;
    color: #413659;
    font-family: IBM Plex Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 700
}

.chandler-ext-content_user-wrap .credits-new-users .credits-new-users-content .credits-new-users-content-top .credits-new-users-content-top-left-ul .credits-new-users-content-top-left-li .credits-new-users-content-top-left-weight[data-v-77551db2] {
    font-weight: 700;
    margin: 0 4px;
    color: #413659
}

.chandler-ext-content_user-wrap .credits-new-users .credits-new-users-content .credits-new-users-content-top-right[data-v-77551db2] {
    flex-shrink: 0
}

.chandler-ext-content_user-wrap .credits-new-users .credits-new-users-content .credits-new-users-content-top-right-gift[data-v-77551db2] {
    width: 70px;
    height: 70px;
    background: url(./gift.60b4f081.svg) no-repeat center;
    background-size: cover
}

.chandler-ext-content_user-wrap .credits-new-users .credits-new-users-content .gotIt[data-v-77551db2] {
    margin-top: 31px;
    padding: 16px;
    color: #120f18;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 13.636px;
    text-transform: capitalize;
    border-radius: 16px;
    background: #ffc800;
    cursor: pointer
}

.chandler-ext-content_user-wrap .credits-new-users .credits-new-users-content .gotIt[data-v-77551db2]:hover {
    opacity: .9
}

.fullpage-user-profile[data-v-ece231e3] {
    position: relative
}

.fullpage-user-profile .user-wrap[data-v-ece231e3] {
    padding: 2px;
    background: rgba(255, 255, 255, .72);
    border-radius: 99px;
    cursor: pointer
}

.fullpage-user-profile .user-wrap .user-icon[data-v-ece231e3] {
    display: block;
    width: 20px;
    height: 20px;
    background: url(./user.0f44443c.svg) no-repeat center;
    background-size: contain
}

.chandler-ext-content-logo-com[data-v-acfea6d9] {
    width: 24px;
    height: 24px;
    background: url(./chandler.5fd35545.svg) no-repeat center;
    background-size: contain
}

.feedback-wrap[data-v-b1cf747d] {
    position: relative
}

.feedback-wrap .feedback-content[data-v-b1cf747d] {
    position: absolute;
    left: 150px;
    top: 100px;
    width: 420px;
    transform: translateY(-100%);
    border-radius: 32px;
    background: #ebebeb;
    box-shadow: 0 24px 44px rgba(0, 0, 0, .12), 0 8px 24px rgba(0, 0, 0, .24), 0 1px 4px rgba(0, 0, 0, .25);
    overflow: hidden;
    z-index: 1000
}

.feedback-wrap .feedback-content .top[data-v-b1cf747d] {
    background: linear-gradient(0deg, #ebebeb 0%, #ffd15d 99.99%)
}

.feedback-wrap .feedback-content .top h1[data-v-b1cf747d] {
    color: #120f18;
    font-size: 32px;
    font-weight: 700;
    line-height: 120%
}

.feedback-wrap .feedback-content .feedback-text[data-v-b1cf747d] {
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    background: #fff;
    box-shadow: 0 0 2px rgba(35, 43, 120, .08), 0 1px 4px rgba(35, 43, 120, .08), 0 6px 24px rgba(35, 43, 120, .04)
}

.feedback-wrap .chandler-btn[data-v-b1cf747d] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 52px;
    color: #120f18;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 16px;
    background: #ffc800
}

.feedback-wrap textarea[data-v-b1cf747d]::placeholder {
    color: #a196c0
}

.chandler-divider[data-v-b1cf747d] .el-divider__text {
    background-color: #ebebeb !important
}

.wechat-wrap[data-v-5e525b49] {
    position: relative
}

.wechat-wrap .wechat-content[data-v-5e525b49] {
    position: absolute;
    left: 150px;
    top: 50px;
    width: 420px;
    transform: translateY(-100%);
    border-radius: 32px;
    background: #ebebeb;
    box-shadow: 0 24px 44px rgba(0, 0, 0, .12), 0 8px 24px rgba(0, 0, 0, .24), 0 1px 4px rgba(0, 0, 0, .25);
    overflow: hidden;
    z-index: 1000
}

.wechat-wrap .wechat-content .top[data-v-5e525b49] {
    background: linear-gradient(0deg, #ebebeb 0%, #ffd15d 99.99%)
}

.wechat-wrap .wechat-content .top h1[data-v-5e525b49] {
    color: #120f18;
    font-size: 32px;
    font-weight: 700;
    line-height: 120%
}

.wechat-wrap .wechat-content .qrcode-wrap[data-v-5e525b49] {
    padding: 12px;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    background: #fff;
    box-shadow: 0 0 2px rgba(35, 43, 120, .08), 0 1px 4px rgba(35, 43, 120, .08), 0 6px 24px rgba(35, 43, 120, .04)
}

.wechat-wrap .wechat-content .wechat-text[data-v-5e525b49] {
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    background: #fff;
    box-shadow: 0 0 2px rgba(35, 43, 120, .08), 0 1px 4px rgba(35, 43, 120, .08), 0 6px 24px rgba(35, 43, 120, .04)
}

.wechat-wrap .chandler-btn[data-v-5e525b49] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    color: #120f18;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 16px;
    background: #ffc800
}

.wechat-wrap textarea[data-v-5e525b49]::placeholder {
    color: #a196c0
}

.chandler-divider[data-v-5e525b49] .el-divider__text {
    background-color: #ebebeb !important
}

.lang-menu-tool .menu-tool li[data-v-2e0b3c0b] {
    display: flex;
    align-items: center;
    color: #413659;
    height: 36px;
    cursor: pointer;
    padding: 4px 16px
}

.lang-menu-tool .menu-tool li[data-v-2e0b3c0b]:hover {
    background-color: #f2f2f2
}

.lang-menu-tool .menu-tool li svg[data-v-2e0b3c0b] {
    margin-right: 12px
}

.language-btn[data-v-2e0b3c0b] {
    display: flex;
    align-items: center;
    border-radius: 20px
}

.language-btn:hover .triangle[data-v-2e0b3c0b] {
    transform: rotate(-90deg)
}

.fullpage-main-nav {
    display: flex;
    height: 100%;
}

.fullpage-main-nav .left-nav-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    height: 100vh;
    width: 176px;
    padding: 0 0 12px;
    background: linear-gradient(180deg, rgb(255, 255, 255) 75.63%, rgb(255, 241, 168) 100%)
}

.fullpage-main-nav .left-nav-wrap .top {
    width: 100%;
    padding: 0 8px
}

.fullpage-main-nav .left-nav-wrap .content {
    flex: 1;
    width: 100%;
    padding: 0 8px;
    max-height: calc(100vh - 254px);
    overflow-y: auto
}

.fullpage-main-nav .left-nav-wrap .content .module-list {
    height: 100%
}

.fullpage-main-nav .left-nav-wrap .content .module-list li {
    position: relative;
    margin-bottom: 6px;
    padding: 6px 8px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.fullpage-main-nav .left-nav-wrap .content .module-list li:hover,
.fullpage-main-nav .left-nav-wrap .content .module-list li.active {
    border-radius: 10px;
    background: rgba(0, 0, 0, .04)
}

.fullpage-main-nav .left-nav-wrap .content .module-list li i {
    display: block;
    width: 24px;
    height: 24px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center
}

.fullpage-main-nav .left-nav-wrap .content .module-list li i.chandler {
    background-image: url(./chandler.5fd35545.svg)
}

.fullpage-main-nav .left-nav-wrap .content .module-list li i.search {
    background-image: url(./yellowSearch.a39e066b.svg);
    background-size: 16px
}

.fullpage-main-nav .left-nav-wrap .content .module-list li span {
    color: #120f18;
    text-overflow: ellipsis;
    font-family: DIYFONT;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px
}

.fullpage-main-nav .left-nav-wrap .bottom {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 12px
}

.fullpage-main-nav .left-nav-wrap .bottom .nav-item {
    display: flex;
    align-items: center;
    padding: 6px 8px;
    border-radius: 99px;
    margin-bottom: 4px;
    cursor: pointer
}

.fullpage-main-nav .left-nav-wrap .bottom .nav-item:hover {
    background: rgba(0, 0, 0, .04)
}

.fullpage-main-nav .left-nav-wrap .bottom .nav-item .nav-text {
    color: #413659;
    margin-left: 6px
}

.full-page-overview[data-v-45a38480] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    background-blend-mode: overlay;
    background: #f0e5ca;
    background: linear-gradient(180deg, #ebebeb 74.67%, #ecebea 76.83%, #eceae6 78.99%, #ede9e0 81.15%, #eee8d6 83.31%, #f0e5ca 85.47%, #f2e3bc 87.63%, #f4e0ac 89.79%, #f6dd9c 91.96%, #f8da8c 94.12%, #fad77e 96.28%, #fcd572 98.44%, #fdd469 100.6%, #fed262 102.76%, #ffd25e 104.92%, #ffd15d 107.08%);
    overflow: hidden
}

.full-page-overview>.left[data-v-45a38480] {
    flex-shrink: 0
}

.full-page-overview>.right[data-v-45a38480] {
    flex: 1;
    height: 100%;
    height: 100vh
}
</style>